import React from 'react'
import './index.css'


const Homes = () => {
    return (
        <div className='homes'>
            <div className="head">
                <div className='head1'>
                    <span>宏烨找房</span>
                </div>
                <div className='head2'>
                    <div className="position"></div>
                    <div className="input">
                    <input type="text" placeholder='请再这里搜索区域/商圈' />
                    </div>
                </div>
                <div className='head3'>
                    <i className='iconfont icon-sousuo'>i</i>
                </div>
            </div>
            <main>
                <div className="banner"></div>
                <div className="nav">
                    <p>
                        <i>
                            <img src="https://alipic.lanhuapp.com/SketchPng8c4e4de03650e7b4814f45e5074749bf361761d0eacda628ffb938879cf78c54" alt="" />
                        </i>
                        <span>买房</span>
                    </p>
                    <p>
                    <i>
                            <img src="https://alipic.lanhuapp.com/SketchPng8c4e4de03650e7b4814f45e5074749bf361761d0eacda628ffb938879cf78c54" alt="" />
                        </i>
                        <span>买房</span>
                    </p>
                    <p>
                    <i>
                            <img src="https://alipic.lanhuapp.com/SketchPng8c4e4de03650e7b4814f45e5074749bf361761d0eacda628ffb938879cf78c54" alt="" />
                        </i>
                        <span>买房</span>
                    </p>
                    <p>
                    <i>
                            <img src="https://alipic.lanhuapp.com/SketchPng8c4e4de03650e7b4814f45e5074749bf361761d0eacda628ffb938879cf78c54" alt="" />
                        </i>
                        <span>买房</span>
                    </p>
                    <p><i>
                            <img src="https://alipic.lanhuapp.com/SketchPng8c4e4de03650e7b4814f45e5074749bf361761d0eacda628ffb938879cf78c54" alt="" />
                        </i>
                        <span>买房</span></p>
                </div>
                <div className="nav">
                    <p>
                        <i>
                            <img src="https://alipic.lanhuapp.com/SketchPng8c4e4de03650e7b4814f45e5074749bf361761d0eacda628ffb938879cf78c54" alt="" />
                        </i>
                        <span>买房</span>
                    </p>
                    <p>
                    <i>
                            <img src="https://alipic.lanhuapp.com/SketchPng8c4e4de03650e7b4814f45e5074749bf361761d0eacda628ffb938879cf78c54" alt="" />
                        </i>
                        <span>买房</span>
                    </p>
                    <p>
                    <i>
                            <img src="https://alipic.lanhuapp.com/SketchPng8c4e4de03650e7b4814f45e5074749bf361761d0eacda628ffb938879cf78c54" alt="" />
                        </i>
                        <span>买房</span>
                    </p>
                    <p>
                    <i>
                            <img src="https://alipic.lanhuapp.com/SketchPng8c4e4de03650e7b4814f45e5074749bf361761d0eacda628ffb938879cf78c54" alt="" />
                        </i>
                        <span>买房</span>
                    </p>
                    <p><i>
                            <img src="https://alipic.lanhuapp.com/SketchPng8c4e4de03650e7b4814f45e5074749bf361761d0eacda628ffb938879cf78c54" alt="" />
                        </i>
                        <span>买房</span></p>
                </div>
                <div className="house">
                    <p>
                        <b>楼市资讯</b>
                    </p>
                    <p>
                        <span>更多</span>
                    </p>
                </div>
                <div className="news">
        <div className="left">
            <img src="https://ns-strategy.cdn.bcebos.com/ns-strategy/upload/fc_big_pic/part-00063-1573.jpg" alt="" />
        </div>
        <div className="right">
            <div className="right1">
                <span>
                新悦尚城新房正在抢购！新悦尚城 新房正在抢购！
                </span>
            </div>
            <div className="right2">
                <p>
                    <span>4778</span>
                </p>
                <p>
                    <span>27分钟前</span>
                </p>
                <p>
                    <b>商业地产</b>
                </p>
            </div>
        </div>
                </div>
                <div className="news">
        <div className="left">
            <img src="https://ns-strategy.cdn.bcebos.com/ns-strategy/upload/fc_big_pic/part-00063-1573.jpg" alt="" />
        </div>
        <div className="right">
            <div className="right1">
                <span>
                新悦尚城新房正在抢购！新悦尚城 新房正在抢购！
                </span>
            </div>
            <div className="right2">
                <p>
                    <span>4778</span>
                </p>
                <p>
                    <span>27分钟前</span>
                </p>
                <p>
                    <b>商业地产</b>
                </p>
            </div>
        </div>
                </div>
                <div className="news">
        <div className="left">
            <img src="https://ns-strategy.cdn.bcebos.com/ns-strategy/upload/fc_big_pic/part-00063-1573.jpg" alt="" />
        </div>
        <div className="right">
            <div className="right1">
                <span>
                新悦尚城新房正在抢购！新悦尚城 新房正在抢购！
                </span>
            </div>
            <div className="right2">
                <p>
                    <span>4778</span>
                </p>
                <p>
                    <span>27分钟前</span>
                </p>
                <p>
                    <b>商业地产</b>
                </p>
            </div>
        </div>
                </div>
                <div className="news">
        <div className="left">
            <img src="https://ns-strategy.cdn.bcebos.com/ns-strategy/upload/fc_big_pic/part-00063-1573.jpg" alt="" />
        </div>
        <div className="right">
            <div className="right1">
                <span>
                新悦尚城新房正在抢购！新悦尚城 新房正在抢购！
                </span>
            </div>
            <div className="right2">
                <p>
                    <span>4778</span>
                </p>
                <p>
                    <span>27分钟前</span>
                </p>
                <p>
                    <b>商业地产</b>
                </p>
            </div>
        </div>
                </div>
            </main>
        </div>
    )
}

export default Homes

